$(function () {
    // alert('ok')
    getInfo()
    /* 效果一：获取用户数据并渲染 */
    function getInfo() {
        $.ajax({
            method: 'get',
            url: '/my/userinfo',
            success(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message,{icon:5})
                }
                layui.form.val('formUserInfo', res.data);
            }
        })
    }
    layui.form.verify({
        nickname: function (value) {
            if (value.length > 6) {
                return '昵称为1~6位的非空字符！'
            }
        }
    })
    /* 效果二：修改数据 */
    $('.layui-form').on('submit', function (e) {
        // e.prventDefaule()
        e.preventDefault()
        var data = $(this).serialize()
        // console.log(data);
        $.ajax({
            method: 'post',
            url: "/my/userinfo",
            data,
            success(res) {
                // console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message,{icon:5})
                }
                layui.layer.msg(res.message, { icon: 6 })
                window.parent.getuserInfo()
                
            }

        })
    })

    /* 效果三：点击重置按钮，恢复之前的数据 */
    $('#btnReset').on('click', function (e) {
        e.preventDefault()
        getInfo()
    })
})